<template>
    <div>
        <MarkdownRenderer :content="markdownContent" />
    </div>
</template>
  
<script lang="ts">
import { defineComponent } from 'vue';
import MarkdownRenderer from '@/components/MarkdownRenderer.vue';

export default defineComponent({
    name: 'About',
    components: {
        MarkdownRenderer,
    },
    data() {
        return {
            markdownContent: `
  # 功能
  
  1. 将回答的文本实时转换为思维导图
  
  2. 用户可自主交互
  
  # 我们的目的
  
  让全球每个人都能享受到大模型带来的便利
        `,
        };
    },
});
</script>
  
<style scoped>
/* Add your styles here */
</style>
  